@extends('Admin.Layouts.index')

@section('active1')
	active
@endsection

@section('container')
    <div class="container">

        <!-- Statistics Button Container -->
        <div class="mws-stat-container clearfix">

            <a class="mws-stat" href="##">
                <!-- Statistic Icon (edit to change icon) -->
                <span class="mws-stat-icon icol32-reseller-programm"></span>

                <!-- Statistic Content -->
                <span class="mws-stat-content">
                        	<span class="mws-stat-title">用户数量</span>
                            <span class="mws-stat-value"> {{$customers}} </span>
                        </span>
            </a>

            <!-- Statistic Item -->
            <a class="mws-stat" href="#">
                <!-- Statistic Icon (edit to change icon) -->
                <span class="mws-stat-icon icol32-text-columns"></span>

                <!-- Statistic Content -->
                <span class="mws-stat-content">
                        	<span class="mws-stat-title">文章数量</span>
                            <span class="mws-stat-value"> {{$articles}} </span>
                        </span>
            </a>

            <a class="mws-stat" href="#">
                <!-- Statistic Icon (edit to change icon) -->
                <span class="mws-stat-icon icol32-sport"></span>

                <!-- Statistic Content -->
                <span class="mws-stat-content">
                        	<span class="mws-stat-title">Calories Burned</span>
                            <span class="mws-stat-value down">74%</span>
                        </span>
            </a>



            <a class="mws-stat" href="#">
                <!-- Statistic Icon (edit to change icon) -->
                <span class="mws-stat-icon icol32-bug"></span>

                <!-- Statistic Content -->
                <span class="mws-stat-content">
                        	<span class="mws-stat-title">Bugs Fixed</span>
                            <span class="mws-stat-value up">22%</span>
                        </span>
            </a>

            <a class="mws-stat" href="#">
                <!-- Statistic Icon (edit to change icon) -->
                <span class="mws-stat-icon icol32-car"></span>

                <!-- Statistic Content -->
                <span class="mws-stat-content">
                        	<span class="mws-stat-title">Cars Repaired</span>
                            <span class="mws-stat-value">77</span>
                        </span>
            </a>
        </div>

        <!-- Panels Start -->

        <div class="mws-panel grid_5">
            <div class="mws-panel-header">
                <span><i class="icon-graph"></i> Charts</span>
            </div>
            <div class="mws-panel-body">
                <div id="mws-dashboard-chart" style="height: 222px;"></div>
            </div>
        </div>

        <div class="mws-panel grid_3">
            <div class="mws-panel-header">
                <span><i class="icon-book"></i> Website Summary</span>
            </div>
            <div class="mws-panel-body no-padding">
                <ul class="mws-summary clearfix">
                    <li>
                        <span class="key"><i class="icon-support"></i> Support Tickets</span>
                        <span class="val">
                                    <span class="text-nowrap">332</span>
                                </span>
                    </li>
                    <li>
                        <span class="key"><i class="icon-certificate"></i> Commision</span>
                        <span class="val">
                                    <span class="text-nowrap">71% <i class="up icon-arrow-up"></i></span>
                                </span>
                    </li>
                    <li>
                        <span class="key"><i class="icon-shopping-cart"></i> This Week Sales</span>
                        <span class="val">
                                    <span class="text-nowrap">144 <i class="down icon-arrow-down"></i></span>
                                </span>
                    </li>
                    <li>
                        <span class="key"><i class="icon-install"></i> Cash Deposit</span>
                        <span class="val">
                                    <span class="text-nowrap">$6,421</span>
                                </span>
                    </li>
                    <li>
                        <span class="key"><i class="icon-key"></i> Last Sign In</span>
                        <span class="val">
                                    <span class="text-nowrap">September 21, 2012</span>
                                </span>
                    </li>
                    <li>
                        <span class="key"><i class="icon-windows"></i> Operating System</span>
                        <span class="val">
                                    <span class="text-nowrap">Debian Linux</span>
                                </span>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Panels End -->
    </div>
@endsection